@(productForm: Form[Product],allProcessTask: List[models.production.TaskSpec], allCustomer: List[CustomerInformation])

@import helper._

@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.render) }

@main{
@form(routes.ProductController.save()) {
<div align="center"><h1 class="fill">Nhập chi tiết công nghệ sản phẩm</h1></div>
<div align="center">
    <fieldset>
        <legend>Thông tin sản phẩm:</legend>
        <div align="left">
            Mã sản phẩm <input type="text" name="code">
            Tên sản phẩm <input type="text" name="name">
            Khách hàng <input type="text" name="customer">
        </div>
    </fieldset>
</div>
<div align="center">
    <div id="allChildren_id" align="left"></div>
    <fieldset>
        <legend>Khâu công nghệ:</legend>
        <div>
            <fieldset>

                <legend>Nhập khâu mới:</legend>

                <div align="left">
                    Tên khâu:
                    <select id="processTask" name="processTaskId">
                        <option value="">------------ chọn khâu ------------</option>
                        @for(processTask <- allProcessTask) {
                        <option value="@processTask.name">@processTask.name</option>
                        }
                    </select>
                </div>
                <div align="left" style="padding:5px 0px 5px 0px">Thuộc tính</div>
                <div align="left">
                    <table class="computers zebra-striped">
                        <thead>
                        <tr>
                            <td>Thuộc tính 1</td>
                            <td>Thuộc tính 2</td>
                            <td>Thuộc tính 3</td>
                            <td>Thuộc tính 4</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><input type="text"></td>
                            <td><input type="text"></td>
                            <td><input type="text"></td>
                            <td><input type="text"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div id="Add_new_row" align="right">
                    <input type="button" class="btn primary" value="Thêm" id="AddProduct" onclick="addProcessTask()">
                </div>

            </fieldset>
        </div>
    </fieldset>
</div>
<div align="right">
    <input type="submit" id="add" value="Lưu" class="btn primary"/>
    <a id="cancel" class="btn primary" href="@routes.ProductController.list()"/>Quay lại</a>
</div>
}

<script type='text\html' id='processTask_tpl'>
    <fieldset>
        @{}
        <legend>Khâu ${ma} </legend>
    ${ma} <input type="button" value="Xóa" onclick="alert('Coming soon')">
    </fieldset>
</script>
}